บทความนี้จะขอกล่าวถึงเรื่องการใช้คำสั่ง document.getElementById ใน Javascript กับการใช้ $ ใน jQuery ครับ โดยคำสั่งทั้ง 2 นั้นสามารถทำงานได้เหมือนกันเช่น การเข้าถึง element หรือ object id ที่เราต้องการ, การใช้คำสั่ง (Method) ต่าง ๆ และคำสั่งอื่น ๆ ที่เกีี่ยวข้อง โดยรูปแบบทั้ง 2 สามารถเขียนได้ดังนี้
Javascript (Get element id)
document.getElementById('[element_id]');
jQuery (Get element id)
$('#[element_id]');
ข้อสังเกต
1. jQuery เขียนได้สั้น และกระชับกว่าแบบ Javascript
2. jQuery ต้องขึ้นต้นด้วย # ก่อน element id ในกรณีที่อ้างถึง id (ส่วน class ยังไม่ขอกล่าวถึงครับ)
2. คุณสามารถใช้ jQuery อ้างถึง element id ที่ต้องการ และตามด้วย . (dot) และคำสั่งอีกมากมายของ jQuery รวมไปถึง Effect สวยงามต่าง ๆ
ลองนำไปประยุกต์ใช้กันดูนะครับ สำหรับ document.getElementById กับ jQuery
